<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="head.jsp"%>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>用户管理页面</span>
            </div>
            <div class="search">
           		<form method="get" action="usersel1">
<%--					<input name="method" value="query" class="input-text" type="hidden">--%>
					 <span>用户名：</span>
					 <input name="realNamess" type="text">
					 <span>用户角色：</span>
					 <select name="roleName">
						   <option value="0">--请选择--</option>
						   <option>1</option>
	        		</select>
					 <input	value="查 询" type="submit" id="searchbutton">
					 <a href="${pageContext.request.contextPath}/adduser1">添加用户</a>
				</form>
            </div>
            <!--用户-->
            <table class="providerTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                    <th width="10%">用户账户</th>
                    <th width="20%">真实姓名</th>
                    <th width="10%">角色</th>
                    <th width="10%">性别</th>
                    <th width="10%">年龄</th>
                    <th width="10%">电话</th>
                    <th width="30%">操作</th>
                </tr>
                   <c:forEach var="user" items="${userList.list}">
					<tr>
						<td>
						<span>${user.account}</span>
						</td>
						<td>
						<span>${user.realName}</span>
						</td>
						<td>
						<span>${user.roleName}</span>
						</td>
						<td>
							<c:if test="${user.sex==0}">男</c:if>
							<c:if test="${user.sex==1}">女</c:if>
						</td>
						<td>
						<span>${user.birthday}</span>
						</td>
						<td>
						<span>${user.phone}</span>
						</td>
						<td>
						<span><a class="viewUser" href="chaxun?account=${user.account}&realName=${user.realName}&sex=${user.sex}
						&birthday=${user.birthday}&phone=${user.phone}&address=${user.address}&roleName=${user.roleName}" realName=${user.realName}><img src="${pageContext.request.contextPath}/images/read.png" alt="查看" title="查看"/></a></span>
						<span><a class="modifyUser" href="upduser2?account=${user.account}" realName=${user.realName}><img src="${pageContext.request.contextPath}/images/xiugai.png" alt="修改" title="修改"/></a></span>
						<span><a class="deleteUser" href="javascript:void(0)" onclick="del(${user.id})" ><img src="${pageContext.request.contextPath}/images/schu.png" alt="删除" title="删除"/></a></span>
						</td>
					</tr>
				</c:forEach>
			</table>
			<c:if test="${userList.pageNum>1}">
				<a href="${pageContext.request.contextPath}/usersel1?pageNum=${userList.pageNum-1}&roleName=${realName}&realName=${realName}">上一页</a>
			</c:if>
			${userList.pageNum}/${userList.pages}
			<c:if test="${userList.pageNum<userList.pages}">
				<a href="${pageContext.request.contextPath}/usersel1?pageNum=${userList.pageNum+1}&roleName=${roleName}&realName=${realName}">下一页</a>
			</c:if>
        </div>
    </section>

<!--点击删除按钮后弹出的页面-->
<%--<div class="zhezhao"></div>--%>
<%--<div class="remove" id="removeUse">--%>
<%--    <div class="removerChid">--%>
<%--        <h2>提示</h2>--%>
<%--        <div class="removeMain">--%>
<%--            <p>你确定要删除该用户吗？</p>--%>
<%--            <a href="#" id="yes">确定</a>--%>
<%--            <a href="#" id="no">取消</a>--%>
<%--        </div>--%>
<%--    </div>--%>
<%--</div>--%>
<script type="text/javascript">
	function del(id) {
		let ids=id;
		var b = confirm("确定要删除吗？");
		if (b==true){

			$.ajax({
				url: "${pageContext.request.contextPath}/deluser",
				type: "post",//请求方式, get或post
				data: {
					idss: ids
				},//请求参数
				dataType: "json",//数据格式，一般是json
				success: function (data) {// 回调函数, data就是请求返回结果
					if (data) {
						alert("删除成功");
						location.reload();
						<%--location.href("${pageContext.request.contextPath}/delcol");--%>
					}
				}
			})
		}else {
			alert("取消成功！")
		}
	}
</script>
<script src="/static/js/jquery-1.12.4.js"></script>
<%@include file="/common/foot.jsp"%>
<%--<script type="text/javascript" src="${pageContext.request.contextPath }/js/userlist.js"></script>--%>
